<%@include file="controller/utilisateur.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>EA IFI</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_italic_400-Myriad_Pro_italic_600.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/jquery.faded.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/vide_add.js"> </script>
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">ie_png.fix('.png, .logo, .extra-banner');</script>
<![endif]-->
<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body>
<!-- START PAGE SOURCE -->


<header>
    
  <div class="container_16">
    <div class="logo">
      <h1><a href="#"><strong>EA</strong> IFI </a>
          <span class="title"> <br/> Plateforme d'echange d'articles </span>
      </h1>
    </div>
    <nav>
       <div id="templatemo_login">
        	<form method="post" action="">
                    <input class="inputfield" name="email_address" type="text" id="email_address" value="Email" onFocus="vider(5);" onBlur="add(5);"/>
                    <input class="inputfield1" name="password" type="password" id="password" value=""/>
                    <input class="button" type="submit" name="Submit_connect" value="Connecter" />
            </form>
        </div>
         <% if(verif!=null) {out.println(verif); }%>
    </nav>
    <div id="faded">
      <div class="rap"> <img src="images/big-img4.jpg" alt="" width="571" height="398" ><img src="images/big-img5.jpg" alt="" width="571" height="398"><img src="images/big-img3.jpg" alt="" width="571" height="398"><img src="images/big-img6.jpg" alt="" width="571" height="398" > </div>
     <div id="right">
      <div id="booking">
          <h2><strong>Inscription </strong></h2>
          <span class="title1"> C'est gratuit (et ca le restera toujours) </span>
          <form action="" method="post" accept-charset="utf-8">
            <table border="0" cellspacing="2" cellpadding="0">
              <tr><td><input type="text" name="name" value="Nom & Prenoms" class="text" size="40px" onFocus="vider(1);" onBlur="add(1);" id="name"/></td></tr>
              <tr><td><input type="text" name="email" class="text" value="Email" size="40px" id="email" onFocus="vider(2);" onBlur="add(2);"/></td></tr>
              <tr><td><input type="text" name="motpasse" value="Mot de passe" class="text" size="40px" id="motpasse" onFocus="vider(3);" onBlur="add(3)"/></td></tr>
              <tr><td><input type="text" name="confirmmotpasse" value="Confirmer Mot de passe" class="text" size="40px" id="confirmmotpasse" onFocus="vider(4);" onBlur="add(4)"/></td></tr>
              <tr><td class="submission" colspan="2"><input  type="submit" name="submit" value="Valider" class="boutton"></td></tr> 
            
            </table>
          </form>
           <% if(verif1!=null) {out.println(verif1); } else {out.println("<span><font>&nbsp;</font></span>"); } %>
        </div>
         <div class="copyright"> <span class="title2">Copyright &copy; 2013, Tous droits reserves<br/> <strong>CHOKKI Abiola Paterne & RAJAONARIVO Landy</strong></span>
         </div>
      </div>
       </div>
  </div>
</header>

<script type="text/javascript">
$(function () {
    //accordion
    $(".accordion dt").toggle(function () {
        $(this).next().slideDown();
    }, function () {
        $(this).next().slideUp();
    });
})
</script>
<script type="text/javascript"> Cufon.now(); </script>

<!-- END PAGE SOURCE -->
</body>
</html>
